{% extends "guide.html" %}
{% block body %}
    <!-- ***** Home Parallax Start ***** -->
    <section class="mini" id="work-process">
        <div class="mini-content">
            <div class="container">
                <div class="row">
                    <div class="offset-lg-3 col-lg-6">
                        <div class="info">
                            <h1></h1>
                            <h1>数据故事一：就业情况</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Home Parallax End ***** -->
    <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="left-heading">
                        <h2 class="section-title">按城乡就业人员数来看就业情况</h2>
                    </div>
                    <div class="left-text">
                        <p>数据展示了近十年的城乡就业人员数情况，图中可以看到人员数变化趋势，城镇就业人员数逐年增加，相反，乡村就业人员数逐年下降。趋势变化反应了城乡发展变化，越来越多打工人在城镇寻找工作，向往城镇的高质量生活。</p>
                        <a href="{{ url_for('do_table_1') }}" class="main-button">查看原始表格</a>
                    </div>

                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
                    <!DOCTYPE html>
                    <html>
                    <head>
                        <meta charset="UTF-8">
                        <title>Awesome-pyecharts</title>
                                <script type="text/javascript" src="../static/js/echarts.min.js"></script>

                    </head>
                    <body>
                        <div id="46c22a140ae14b59bc072c23903c1565" class="chart-container" style="width:700px; height:500px;"></div>
                        <script>
                            var chart_46c22a140ae14b59bc072c23903c1565 = echarts.init(
                                document.getElementById('46c22a140ae14b59bc072c23903c1565'), 'white', {renderer: 'canvas'});
                            var option_46c22a140ae14b59bc072c23903c1565 = {
                        "animation": true,
                        "animationThreshold": 2000,
                        "animationDuration": 1000,
                        "animationEasing": "cubicOut",
                        "animationDelay": 0,
                        "animationDurationUpdate": 300,
                        "animationEasingUpdate": "cubicOut",
                        "animationDelayUpdate": 0,
                        "color": [
                            "#c23531",
                            "#2f4554",
                            "#61a0a8",
                            "#d48265",
                            "#749f83",
                            "#ca8622",
                            "#bda29a",
                            "#6e7074",
                            "#546570",
                            "#c4ccd3",
                            "#f05b72",
                            "#ef5b9c",
                            "#f47920",
                            "#905a3d",
                            "#fab27b",
                            "#2a5caa",
                            "#444693",
                            "#726930",
                            "#b2d235",
                            "#6d8346",
                            "#ac6767",
                            "#1d953f",
                            "#6950a1",
                            "#918597"
                        ],
                        "series": [
                            {
                                "type": "line",
                                "name": "\u57ce\u9547\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                "connectNulls": false,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": false,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        44247
                                    ],
                                    [
                                        "2018\u5e74",
                                        43419
                                    ],
                                    [
                                        "2017\u5e74",
                                        42462
                                    ],
                                    [
                                        "2016\u5e74",
                                        41428
                                    ],
                                    [
                                        "2015\u5e74",
                                        40410
                                    ],
                                    [
                                        "2014\u5e74",
                                        39310
                                    ],
                                    [
                                        "2013\u5e74",
                                        38240
                                    ],
                                    [
                                        "2012\u5e74",
                                        37102
                                    ],
                                    [
                                        "2011\u5e74",
                                        35914
                                    ],
                                    [
                                        "2010\u5e74",
                                        34687
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0
                                },
                                "zlevel": 0,
                                "z": 0
                            },
                            {
                                "type": "line",
                                "name": "\u4e61\u6751\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                "connectNulls": false,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": false,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        33224
                                    ],
                                    [
                                        "2018\u5e74",
                                        34167
                                    ],
                                    [
                                        "2017\u5e74",
                                        35178
                                    ],
                                    [
                                        "2016\u5e74",
                                        36175
                                    ],
                                    [
                                        "2015\u5e74",
                                        37041
                                    ],
                                    [
                                        "2014\u5e74",
                                        37943
                                    ],
                                    [
                                        "2013\u5e74",
                                        38737
                                    ],
                                    [
                                        "2012\u5e74",
                                        39602
                                    ],
                                    [
                                        "2011\u5e74",
                                        40506
                                    ],
                                    [
                                        "2010\u5e74",
                                        41418
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0
                                },
                                "zlevel": 0,
                                "z": 0
                            }
                        ],
                        "legend": [
                            {
                                "data": [
                                    "\u57ce\u9547\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                    "\u4e61\u6751\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09"
                                ],
                                "selected": {
                                    "\u57ce\u9547\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09": true,
                                    "\u4e61\u6751\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09": true
                                }
                            }
                        ],
                        "tooltip": {
                            "show": true,
                            "trigger": "item",
                            "triggerOn": "mousemove|click",
                            "axisPointer": {
                                "type": "line"
                            },
                            "showContent": true,
                            "alwaysShowContent": false,
                            "showDelay": 0,
                            "hideDelay": 100,
                            "textStyle": {
                                "fontSize": 14
                            },
                            "borderWidth": 0,
                            "padding": 5
                        },
                        "xAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                },
                                "data": [
                                    "2019\u5e74",
                                    "2018\u5e74",
                                    "2017\u5e74",
                                    "2016\u5e74",
                                    "2015\u5e74",
                                    "2014\u5e74",
                                    "2013\u5e74",
                                    "2012\u5e74",
                                    "2011\u5e74",
                                    "2010\u5e74"
                                ]
                            }
                        ],
                        "yAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                }
                            }
                        ]
                    };
                            chart_46c22a140ae14b59bc072c23903c1565.setOption(option_46c22a140ae14b59bc072c23903c1565);
                        </script>
                    </body>
                    </html>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->
        <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">
                    <!DOCTYPE html>
                    <html>
                    <head>
                        <meta charset="UTF-8">
                        <title>Awesome-pyecharts</title>
                                <script type="text/javascript" src="../static/js/echarts.min.js"></script>

                    </head>
                    <body>
                        <div id="a24279f94b274081bbc13b7bb2eef6b9" class="chart-container" style="width:700px; height:500px;"></div>
                        <script>
                            var chart_a24279f94b274081bbc13b7bb2eef6b9 = echarts.init(
                                document.getElementById('a24279f94b274081bbc13b7bb2eef6b9'), 'white', {renderer: 'canvas'});
                            var option_a24279f94b274081bbc13b7bb2eef6b9 = {
                        "animation": true,
                        "animationThreshold": 2000,
                        "animationDuration": 1000,
                        "animationEasing": "cubicOut",
                        "animationDelay": 0,
                        "animationDurationUpdate": 300,
                        "animationEasingUpdate": "cubicOut",
                        "animationDelayUpdate": 0,
                        "color": [
                            "#c23531",
                            "#2f4554",
                            "#61a0a8",
                            "#d48265",
                            "#749f83",
                            "#ca8622",
                            "#bda29a",
                            "#6e7074",
                            "#546570",
                            "#c4ccd3",
                            "#f05b72",
                            "#ef5b9c",
                            "#f47920",
                            "#905a3d",
                            "#fab27b",
                            "#2a5caa",
                            "#444693",
                            "#726930",
                            "#b2d235",
                            "#6d8346",
                            "#ac6767",
                            "#1d953f",
                            "#6950a1",
                            "#918597"
                        ],
                        "series": [
                            {
                                "type": "line",
                                "name": "\u7b2c\u4e00\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                "connectNulls": false,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": true,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        19445
                                    ],
                                    [
                                        "2018\u5e74",
                                        20258
                                    ],
                                    [
                                        "2017\u5e74",
                                        20944
                                    ],
                                    [
                                        "2016\u5e74",
                                        21496
                                    ],
                                    [
                                        "2015\u5e74",
                                        21919
                                    ],
                                    [
                                        "2014\u5e74",
                                        22790
                                    ],
                                    [
                                        "2013\u5e74",
                                        24171
                                    ],
                                    [
                                        "2012\u5e74",
                                        25773
                                    ],
                                    [
                                        "2011\u5e74",
                                        26594
                                    ],
                                    [
                                        "2010\u5e74",
                                        27931
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": false,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0.5
                                },
                                "zlevel": 0,
                                "z": 0,
                                "rippleEffect": {
                                    "show": true,
                                    "brushType": "stroke",
                                    "scale": 2.5,
                                    "period": 4
                                }
                            },
                            {
                                "type": "line",
                                "name": "\u7b2c\u4e8c\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                "connectNulls": false,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": true,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        21305
                                    ],
                                    [
                                        "2018\u5e74",
                                        21390
                                    ],
                                    [
                                        "2017\u5e74",
                                        21824
                                    ],
                                    [
                                        "2016\u5e74",
                                        22350
                                    ],
                                    [
                                        "2015\u5e74",
                                        22693
                                    ],
                                    [
                                        "2014\u5e74",
                                        23099
                                    ],
                                    [
                                        "2013\u5e74",
                                        23170
                                    ],
                                    [
                                        "2012\u5e74",
                                        23241
                                    ],
                                    [
                                        "2011\u5e74",
                                        22544
                                    ],
                                    [
                                        "2010\u5e74",
                                        21842
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": false,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0.5
                                },
                                "zlevel": 0,
                                "z": 0,
                                "rippleEffect": {
                                    "show": true,
                                    "brushType": "stroke",
                                    "scale": 2.5,
                                    "period": 4
                                }
                            },
                            {
                                "type": "line",
                                "name": "\u7b2c\u4e09\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                "connectNulls": false,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": true,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        36721
                                    ],
                                    [
                                        "2018\u5e74",
                                        35938
                                    ],
                                    [
                                        "2017\u5e74",
                                        34872
                                    ],
                                    [
                                        "2016\u5e74",
                                        33757
                                    ],
                                    [
                                        "2015\u5e74",
                                        32839
                                    ],
                                    [
                                        "2014\u5e74",
                                        31364
                                    ],
                                    [
                                        "2013\u5e74",
                                        29636
                                    ],
                                    [
                                        "2012\u5e74",
                                        27690
                                    ],
                                    [
                                        "2011\u5e74",
                                        27282
                                    ],
                                    [
                                        "2010\u5e74",
                                        26332
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": false,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0.5
                                },
                                "zlevel": 0,
                                "z": 0,
                                "rippleEffect": {
                                    "show": true,
                                    "brushType": "stroke",
                                    "scale": 2.5,
                                    "period": 4
                                }
                            }
                        ],
                        "legend": [
                            {
                                "data": [
                                    "\u7b2c\u4e00\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                    "\u7b2c\u4e8c\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09",
                                    "\u7b2c\u4e09\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09"
                                ],
                                "selected": {
                                    "\u7b2c\u4e00\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09": true,
                                    "\u7b2c\u4e8c\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09": true,
                                    "\u7b2c\u4e09\u4ea7\u4e1a\u5c31\u4e1a\u4eba\u5458\uff08\u4e07\u4eba\uff09": true
                                },
                                "show": true,
                                "padding": 5,
                                "itemGap": 10,
                                "itemWidth": 25,
                                "itemHeight": 14
                            }
                        ],
                        "tooltip": {
                            "show": true,
                            "trigger": "item",
                            "triggerOn": "mousemove|click",
                            "axisPointer": {
                                "type": "line"
                            },
                            "showContent": true,
                            "alwaysShowContent": false,
                            "showDelay": 0,
                            "hideDelay": 100,
                            "textStyle": {
                                "fontSize": 14
                            },
                            "borderWidth": 0,
                            "padding": 5
                        },
                        "xAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "axisTick": {
                                    "show": true,
                                    "alignWithLabel": true,
                                    "inside": false
                                },
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "boundaryGap": false,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                },
                                "data": [
                                    "2019\u5e74",
                                    "2018\u5e74",
                                    "2017\u5e74",
                                    "2016\u5e74",
                                    "2015\u5e74",
                                    "2014\u5e74",
                                    "2013\u5e74",
                                    "2012\u5e74",
                                    "2011\u5e74",
                                    "2010\u5e74"
                                ]
                            }
                        ],
                        "yAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                }
                            }
                        ],
                        "title": [
                            {
                                "padding": 5,
                                "itemGap": 10
                            }
                        ]
                    };
                            chart_a24279f94b274081bbc13b7bb2eef6b9.setOption(option_a24279f94b274081bbc13b7bb2eef6b9);
                        </script>
                    </body>
                    </html>
                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="left-heading">
                        <h2 class="section-title">按三大产业就业人员数来看就业情况</h2>
                    </div>
                    <div class="left-text">
                        <p>数据展示了近十年的三大产业就业人员数情况，第一产业主要指生产食材以及其它一些生物材料的产业，第二产业主要指加工制造产业，第三产业是指第一、第二产业以外的其他行业包括现代服务业或商业。第二产业的人员数总体变化较小，人员流动少。 第一产业随着年份的增加，人数在不断减少，而第三产业则呈迅速增长的模式。第三产业为新兴的产业，科技的发展推动着更多行业的诞生，人们迅速从低效率低收入的工作转向发展势态更好的第三产业。</p>
                        <a href="{{ url_for('do_table_2') }}" class="main-button">查看原始表格</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->
    <!-- ***** Features Big Item Start ***** -->
    <section class="section padding-top-70 padding-bottom-0" id="features">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 col-sm-12 align-self-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="left-heading">
                        <h2 class="section-title">城镇登记失业人员数与失业率</h2>
                    </div>
                    <div class="left-text">
                        <p>详细看城镇的失业情况，虽然失业人员数总体上升，但失业率呈下降趋势。我国各产业的新发展和新产业的出现，解决了部分的就业需求，降低了失业率。同时国家政策推动就业市场的稳定，出台多个稳就业的政策措施，对就业市场起到了重要的支撑作用。</p>
                        <a href="{{ url_for('do_table_3') }}" class="main-button">查看原始表格</a>
                    </div>

                </div>
                <div class="col-lg-1"></div>
                <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-top-fix">

                    <!DOCTYPE html>
                    <html>
                    <head>
                        <meta charset="UTF-8">
                        <title>Awesome-pyecharts</title>
                                <script type="text/javascript" src="../static/js/echarts.min.js"></script>

                    </head>
                    <body>
                        <div id="6a84157f86054585bedc5f9d918702fb" class="chart-container" style="width:700px; height:500px;"></div>
                        <script>
                            var chart_6a84157f86054585bedc5f9d918702fb = echarts.init(
                                document.getElementById('6a84157f86054585bedc5f9d918702fb'), 'white', {renderer: 'canvas'});
                            var option_6a84157f86054585bedc5f9d918702fb = {
                        "animation": true,
                        "animationThreshold": 2000,
                        "animationDuration": 1000,
                        "animationEasing": "cubicOut",
                        "animationDelay": 0,
                        "animationDurationUpdate": 300,
                        "animationEasingUpdate": "cubicOut",
                        "animationDelayUpdate": 0,
                        "color": [
                            "#c23531",
                            "#2f4554",
                            "#61a0a8",
                            "#d48265",
                            "#749f83",
                            "#ca8622",
                            "#bda29a",
                            "#6e7074",
                            "#546570",
                            "#c4ccd3",
                            "#f05b72",
                            "#ef5b9c",
                            "#f47920",
                            "#905a3d",
                            "#fab27b",
                            "#2a5caa",
                            "#444693",
                            "#726930",
                            "#b2d235",
                            "#6d8346",
                            "#ac6767",
                            "#1d953f",
                            "#6950a1",
                            "#918597"
                        ],
                        "series": [
                            {
                                "type": "bar",
                                "name": "\u57ce\u9547\u767b\u8bb0\u5931\u4e1a\u7387(%)",
                                "legendHoverLink": true,
                                "data": [
                                    3.6,
                                    3.8,
                                    3.9,
                                    4,
                                    4,
                                    4.1,
                                    4,
                                    4.1,
                                    4.1,
                                    4.1
                                ],
                                "showBackground": false,
                                "barMinHeight": 0,
                                "barCategoryGap": "20%",
                                "barGap": "30%",
                                "large": false,
                                "largeThreshold": 400,
                                "seriesLayoutBy": "column",
                                "datasetIndex": 0,
                                "clip": true,
                                "zlevel": 0,
                                "z": 2,
                                "label": {
                                    "show": false,
                                    "position": "top",
                                    "margin": 8
                                },
                                "rippleEffect": {
                                    "show": true,
                                    "brushType": "stroke",
                                    "scale": 2.5,
                                    "period": 4
                                }
                            },
                            {
                                "type": "line",
                                "name": "\u57ce\u9547\u767b\u8bb0\u5931\u4e1a\u4eba\u6570(\u4e07\u4eba)",
                                "connectNulls": false,
                                "yAxisIndex": 1,
                                "symbolSize": 4,
                                "showSymbol": true,
                                "smooth": false,
                                "clip": true,
                                "step": false,
                                "data": [
                                    [
                                        "2019\u5e74",
                                        945.0
                                    ],
                                    [
                                        "2018\u5e74",
                                        974.0
                                    ],
                                    [
                                        "2017\u5e74",
                                        972.0
                                    ],
                                    [
                                        "2016\u5e74",
                                        982
                                    ],
                                    [
                                        "2015\u5e74",
                                        966
                                    ],
                                    [
                                        "2014\u5e74",
                                        952.0
                                    ],
                                    [
                                        "2013\u5e74",
                                        926
                                    ],
                                    [
                                        "2012\u5e74",
                                        917.0
                                    ],
                                    [
                                        "2011\u5e74",
                                        922.0
                                    ],
                                    [
                                        "2010\u5e74",
                                        908.0
                                    ]
                                ],
                                "hoverAnimation": true,
                                "label": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8
                                },
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                },
                                "areaStyle": {
                                    "opacity": 0
                                },
                                "zlevel": 0,
                                "z": 0
                            }
                        ],
                        "legend": [
                            {
                                "data": [
                                    "\u57ce\u9547\u767b\u8bb0\u5931\u4e1a\u7387(%)",
                                    "\u57ce\u9547\u767b\u8bb0\u5931\u4e1a\u4eba\u6570(\u4e07\u4eba)"
                                ],
                                "selected": {
                                    "\u57ce\u9547\u767b\u8bb0\u5931\u4e1a\u7387(%)": true,
                                    "\u57ce\u9547\u767b\u8bb0\u5931\u4e1a\u4eba\u6570(\u4e07\u4eba)": true
                                },
                                "show": true,
                                "padding": 5,
                                "itemGap": 10,
                                "itemWidth": 25,
                                "itemHeight": 14
                            }
                        ],
                        "tooltip": {
                            "show": true,
                            "trigger": "item",
                            "triggerOn": "mousemove|click",
                            "axisPointer": {
                                "type": "line"
                            },
                            "showContent": true,
                            "alwaysShowContent": false,
                            "showDelay": 0,
                            "hideDelay": 100,
                            "textStyle": {
                                "fontSize": 14
                            },
                            "borderWidth": 0,
                            "padding": 5
                        },
                        "xAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                },
                                "data": [
                                    "2019\u5e74",
                                    "2018\u5e74",
                                    "2017\u5e74",
                                    "2016\u5e74",
                                    "2015\u5e74",
                                    "2014\u5e74",
                                    "2013\u5e74",
                                    "2012\u5e74",
                                    "2011\u5e74",
                                    "2010\u5e74"
                                ]
                            }
                        ],
                        "yAxis": [
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "gridIndex": 0,
                                "axisLabel": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8,
                                    "formatter": "{value} %"
                                },
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                }
                            },
                            {
                                "show": true,
                                "scale": false,
                                "nameLocation": "end",
                                "nameGap": 15,
                                "interval": 200,
                                "gridIndex": 0,
                                "axisLabel": {
                                    "show": true,
                                    "position": "top",
                                    "margin": 8,
                                    "formatter": "{value} "
                                },
                                "inverse": false,
                                "offset": 0,
                                "splitNumber": 5,
                                "minInterval": 0,
                                "splitLine": {
                                    "show": false,
                                    "lineStyle": {
                                        "show": true,
                                        "width": 1,
                                        "opacity": 1,
                                        "curveness": 0,
                                        "type": "solid"
                                    }
                                }
                            }
                        ],
                        "title": [
                            {
                                "padding": 5,
                                "itemGap": 10
                            }
                        ]
                    };
                            chart_6a84157f86054585bedc5f9d918702fb.setOption(option_6a84157f86054585bedc5f9d918702fb);
                        </script>
                    </body>
                    </html>

                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->

    <!-- ***** Pricing Plans Start ***** -->
    <section class="section colored" id="pricing-plans">
        <div class="container">
            <!-- ***** Section Title Start ***** -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="center-heading">
                        <h2 class="section-title">总结</h2>
                    </div>
                </div>
            </div>
            <!-- ***** Section Title End ***** -->

            <div class="row">
                <!-- ***** Pricing Item Start ***** -->
                <div class="features-small-item" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s" style="margin: 0 auto">

                        <div class="left-text">
                            <h5>现如今的社会就业情况从上面的图表中我们可以看到，城镇的发展越来越快速，人们追求高质量生活，追求更高的收入和生活水平，城镇成为首选之地，但这也带来不少的就业压力。相比起已经发展了很长时间的第一、二产业，第三产业的发展为人们带来了就业机会，更多的人才和资金流向第三产业，成为发展的良性循环。在国家的保障下，大部分人都能够通过就业自己劳动所得，获得满足。</h5>

                        </div>
                </div>
                <!-- ***** Pricing Item End ***** -->
            </div>
        </div>
    </section>
    <!-- ***** Pricing Plans End ***** -->
{% endblock %}